<!DOCTYPE html>
<html> 

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="referrer" content="never" />
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/components/components.css" />
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" type="text/css" href="../../../../css/preview.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.poppicker.css" />
		<link rel="stylesheet" type="text/css" href="../../../../css/mui.picker.css" />
		<style>
		.label1{
			width: 40vw;
		}
		#n-ipt{
			margin: 0;
			padding: 0;
			width: 40vw;
			height: 25px;
			line-height: 25px;
		}
		.top-line{
			width: 100%;
			box-sizing: border;
			padding:5px 19px;
			background-color: #fff;
			margin-bottom: 10px;
		}
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:180px !important;
			}
			.label{
				width: 18vw;
			}
			.add-label{
				width: 35vw;
			}
			.item-title{
			width: 20vw;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}
			.list-head{
				width: 94vw;
				margin-left: 3vw;
				background-color: #fff;
				padding: 10px;
				margin-bottom: 10px;
			}
			.myheigth {
				height: 9vw;
			}
			.list button{
				margin: 0 !important;
				padding: 0 4vw !important;
			}
		</style>
	</head>
 
	<body>

		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">风电升压站设备巡视</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div style="position: sticky;background: #efeff4;top: 44px;z-index: 11;" class="top">
				
			</div>
			<div class="flex-row top-line"> 
				<div class="flex-row">
					<div>巡视人:</div>
					<div style="margin-left: 10px;">{{currentUser.name}}</div>
				</div>
				<div class="flex-row" style="margin-left: 10vw;">
					<div>巡视时间:</div>
					<div style="margin-left: 10px;">{{nowDate}}</div>
				</div>
			</div>
			<div style="position: sticky;top: 45px;z-index: 11;" class="flex-between list-head">
				<div class="flex-row" style="font-weight: bold;">
					<div class="icon"></div>
					功能模块列表
				</div>
				<button v-on:click="showAdd" class="submit_btn" style="	margin: 0 !important;
					padding: 0 4vw !important;">新增</button>
			</div>
			<div id="scroll">
				<div class="list" id="list">
					<div v-for="(item,index) in list" :key="index">
						<div>
							<div class="flex-between">
								<div>
									<div class="flex-row">
										<div class="flex-row">
											<span class="label">升压站</span>
											<div class="select-box" @click="showStationList(index)" style="width: 40vw;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">{{item.templateName || '请选择'}}</div>
											
										</div>
									</div>
								</div>
								<div class="">
									<button @tap="edit(item,index)" v-if="item.edit == true" class="cancel_btn">编辑</button>
									<button @tap="edit(item,index)" v-else class="cancel_btn">查看</button>
									<button style="color: white;background: red;border: 0;margin-top: 5px!important;" @tap="delItem(index)"  class="cancel_btn">删除</button>
								</div>
								
							</div>
						</div>
					</div>

				</div>
			</div>
			
			<!-- 编辑 -->
			<div class="popup-bg" v-if="showEditform">
				<div style="width:95vw;max-height: 80vh;padding: 15px 15px 0px;overflow: scroll;" class="add-box" @click@tap.stop="clickStop">
				<div class="mt-10">
					高压侧信息
				</div>
				<div class="flex-row">
					<div class="add-label">
						<span>{{editForm.hv}}</span>
					A段母线电压</div>
					<div class="flex-row">
						 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="editForm.av" style="width:10vw"  style="margin: 0 5px;" />
						 <div>
							 <span style="margin: 0 5px;">电流</span>
							 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="editForm.aa" style="width:10vw" style="margin: 0 5px;" />
						 </div>
					</div>
				</div>
				<div class="flex-row mt-10">
					<div class="add-label">
						<span>{{editForm.hv}}</span>
					B段母线电压</div>
					<div class="flex-row">
						 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="editForm.bv" style="width:10vw" value="220kv" style="margin: 0 5px;" />
						 <div>
							 <span style="margin: 0 5px;">电流</span>
							 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="editForm.ba" style="width:10vw" value="220kv" style="margin: 0 5px;" />
						 </div>
					</div>
				</div>
				<div class="flex-row mt-10">
					<div class="add-label">
						<span>{{editForm.hv}}</span>
					C段母线电压</div>
					<div class="flex-row">
						 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="editForm.cv" style="width:10vw" value="220kv" style="margin: 0 5px;" />
						 <div>
							 <span style="margin: 0 5px;">电流</span>
							 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="editForm.ca" style="width:10vw" value="220kv" style="margin: 0 5px;" />
						 </div>
					</div>
				</div>
				<hr style="margin: 10px 0;" />					 
				<div class="mt-10" v-for="(item,index) in editForm.neiosBoosterTran" :key="index" v-if="item.neiosBoosterLine">
					<div class="mt-10">
						{{index+ 1}}号主变低压侧信息
					</div>
					<div class="flex-row mt-10">
						<div class="add-label">负荷</div>
						<div class="flex-row">
							 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="item.powerLoad" style="width:10vw" style="margin: 0 5px;" />
							 <div>
								 <span style="margin: 0 5px;">绕组温度</span>
								 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="item.windingC" style="width:10vw" style="margin: 0 5px;" />
							 </div>
						</div>
					</div>
					<div class="flex-row mt-10">
						<div class="add-label">上层油温</div>
						<div class="flex-row">
							 <input id="n-ipt" maxlength="5" v-model="item.upC" style="width:10vw" style="margin: 0 5px;" />
							 <div>
								 <span style="margin: 0 5px;">下层油温</span>
								 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="item.downC" style="width:10vw"  style="margin: 0 5px;" />
							 </div>
						</div>
					</div>
					<div class="mt-10" v-for="(item1,index1) in item.neiosBoosterLine" :key="index1">
						<div class="flex-row mt-10">
							<div class="add-label">{{item1.lv + (index1+1)}}段母线电压</div>
							<div class="flex-row">
								 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="item1.lineV" style="width:10vw" style="margin: 0 5px;" />
								 <div>
									 <span style="margin: 0 5px;">母线电流</span>
									 <input id="n-ipt" maxlength="5" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''" v-model="item1.lineA" style="width:10vw" style="margin: 0 5px;" />
								 </div>
							</div>
						</div>
					</div>
					<hr style="margin: 10px 0;" />
				</div>	
				
				<div class="pop-bottom">
					<div @tap="confirm">确认</div>
					<!-- <div  @click="showEditform = false">取消</div> -->
				</div>
				</div>
			</div>
			
			<!-- 新增 -->
			<div class="popup-bg" v-if="showAddform">				
				<div style="width:95vw;max-height: 80vh;padding: 15px 15px 0px;overflow: scroll;" class="add-box" @click@tap.stop="clickStop">
					<div class="mt-10">
						高压值
					</div>
					
					<div class="flex-row mt-10">
						<div class="add-label">高压侧电压值(kV)</div>
						<div class="flex-row">
							220kV <input v-model="hv" maxlength="5" type="radio" name="hv" value="220kv" style="margin: 0 5px;" />
							110kV <input v-model="hv" maxlength="5" type="radio" name="hv" value="110kv" style="margin: 0 5px;">
						</div>
					</div>
					<div class="flex-row mt-10">
						<div class="label">主变压器</div>
						<div class="flex-row">
							1号 <input v-model="byq" maxlength="5" type="checkbox"  value="1" style="margin: 0 5px;" />
							2号 <input v-model="byq" maxlength="5" type="checkbox"  value="2" style="margin: 0 5px;">
							3号 <input v-model="byq" maxlength="5" type="checkbox"  value="3" style="margin: 0 5px;">
							4号 <input v-model="byq" maxlength="5" type="checkbox"  value="4" style="margin: 0 5px;">
						</div>
					</div>
					
					<div v-if="byq.indexOf('1') >=0">
					<hr style="margin: 10px 0;" />
						<div class="mt-10">
							1号主变器
						</div>
						<div class="flex-row mt-10" v-if="byq.indexOf('1') >=0">
							<div class="label1">1号高压侧电压值(KV)</div>
							<div class="flex-row">
								10Kv <input v-model="zbq1" maxlength="5" type="checkbox"  value="10kv" style="margin: 0 5px;" />
								35Kv <input v-model="zbq1" maxlength="5" type="checkbox"  value="35kv" style="margin: 0 5px;">	
							</div>
						</div>
						<div class="flex-row mt-10" v-if="zbq1.indexOf('10kv') >=0">
							<div class="label1">10Kv母线段数</div>
							<input type="number" maxlength="5" v-model="zbq1_10" min="1" max="10" id="n-ipt"/>
						</div>
						<div class="flex-row mt-10" v-if="zbq1.indexOf('35kv') >=0">
							<div class="label1">35Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt" v-model="zbq1_35"/>
						</div>
					</div>
					
					<div v-if="byq.indexOf('2') >=0">
						<hr style="margin: 10px 0;" />
						<div class="mt-10">
							2号主变器
						</div>
						<div class="flex-row mt-10">
							<div class="label1">2号高压侧电压值(KV)</div>
							<div class="flex-row">
								10Kv <input v-model="zbq2" type="checkbox"  value="10kv" style="margin: 0 5px;" />
								35Kv <input v-model="zbq2" type="checkbox"  value="35kv" style="margin: 0 5px;">	
							</div>
						</div>
						<div class="flex-row mt-10" v-if="zbq2.indexOf('10kv') >=0">
							<div class="label1">10Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt"  v-model="zbq2_10"/>
						</div>
						<div class="flex-row mt-10" v-if="zbq2.indexOf('35kv') >=0">
							<div class="label1">35Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt"  v-model="zbq2_35"/>
						</div>
					</div>
					
					<div v-if="byq.indexOf('3') >=0">
						<hr style="margin: 10px 0;" />
						<div class="mt-10">
							3号主变器
						</div>
						<div class="flex-row mt-10" v-if="byq.indexOf('3') >=0">
							<div class="label1">3号高压侧电压值(KV)</div>
							<div class="flex-row">
								10Kv <input v-model="zbq3" type="checkbox"  value="10kv" style="margin: 0 5px;" />
								35Kv <input v-model="zbq3" type="checkbox"  value="35kv" style="margin: 0 5px;">	
							</div>
						</div>
						<div class="flex-row mt-10" v-if="zbq3.indexOf('10kv') >=0">
							<div class="label1">10Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt" v-model="zbq3_10"/>
						</div>
						<div class="flex-row mt-10" v-if="zbq3.indexOf('35kv') >=0">
							<div class="label1">35Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt" v-model="zbq3_35"/>
						</div>
					</div>
					
					<div v-if="byq.indexOf('4') >=0">
						<hr style="margin: 10px 0;" />
						<div class="mt-10">
							4号主变器
						</div>
						<div class="flex-row mt-10" v-if="byq.indexOf('4') >=0">
							<div class="label1">4号高压侧电压值(KV)</div>
							<div class="flex-row">
								10Kv <input v-model="zbq4" maxlength="5" type="checkbox"  value="10kv" style="margin: 0 5px;" />
								35Kv <input v-model="zbq4" maxlength="5" type="checkbox"  value="35kv" style="margin: 0 5px;">	
							</div>
						</div>
						<div class="flex-row mt-10" v-if="zbq4.indexOf('10kv') >=0">
							<div class="label1">10Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt" v-model="zbq4_10"/>
						</div>  
						<div class="flex-row mt-10" v-if="zbq4.indexOf('35kv') >=0">
							<div class="label1">35Kv母线段数</div>
							<input type="number" maxlength="5" min="1" max="10" id="n-ipt" v-model="zbq4_35"/>
						</div>
					</div>
					
					<div class="pop-bottom">
						<div @tap="addList">添加</div>
						<div class="" @tap="clearaddForm">取消</div>
					</div>
				</div>
			</div>
			<!-- <div class="flex-between list-head">
				<div class="flex-row" style="font-weight: bold;">
					<div class="icon"></div>
					流程日志
				</div>
			</div>
			<processlog :processlogid='workId'></processlog> -->
			<div style="height: 60px;">
			</div>
			<div class="flex-between fixed-bottom">
				<button @tap="save('1')" class="submit_btn">保存</button>
				<button @tap="save('2')" class="submit_btn">提交</button>
				<button @click="goBack" class="cancel_btn">
					返回
				</button>
			</div>
		</div>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/js/neiosCommon.js"></script>  <!--公共js页面必需-->
		<script src="../../static/components/personSelect.js"></script>
		<!--人员查询组件-->
		<script type="text/javascript" src="../../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../static/components/processLog.js"></script>  <!--流程日志-->
		<script src="./windpowerStation.js"></script>
		<script src="../../../../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../js/mui.poppicker.js"></script>
		<script src="../../../../js/mui.picker.min.js"></script>
		<script src="../../../../js/mui.dtpicker.js"></script>
	</body>

</html>
